import React from 'react'
import Menu from '@/views/Menu'
import '@/assets/css/index.scoped.css'

const Component = () =>
{
  return (
    <>
        <React.UI.Swiper loop>
            <React.UI.Swiper.Item onClick={() => React.navigate('/coupon/info')}>
                <React.UI.Image src={require('@/assets/images/coupon.png')} width={'100%'} height={'200px'} fit='cover' />
            </React.UI.Swiper.Item>
            <React.UI.Swiper.Item onClick={() => React.navigate('/coupon/info')}>
                <React.UI.Image src={require('@/assets/images/coupon.png')} width={'100%'} height={'200px'} fit='cover' />
            </React.UI.Swiper.Item>
            <React.UI.Swiper.Item onClick={() => React.navigate('/coupon/info')}>
                <React.UI.Image src={require('@/assets/images/coupon.png')} width={'100%'} height={'200px'} fit='cover' />
            </React.UI.Swiper.Item>
        </React.UI.Swiper>    

      <div className="hotel_search">
          <input type="text" placeholder="请输入关键词搜索" />
          <div className="screen_icon">
              <img src={require("@/assets/images/screen.png")} alt="" />
          </div>
      </div>

      <div className="hotellist">
          <div className="item">
              <a href="detail.html">
                  <div className="images">
                      <div className="swipers">
                          <img src={require("@/assets/images/hotel1.jpg")} alt="" />
                      </div>
                      <div className="title">暑假特价房</div>
                  </div>
                  <div>
                      <div className="item_top">
                          <span>推广优惠</span>
                          <span>月租惠选</span>
                          <span>满减优惠</span>
                          <span>节假日优惠</span>
                      </div>
                      <div className="item_bot">
                          <div className="font">
                              <span className="price">￥60.00/晚</span>
                              <span className="market_price">￥80.00/晚</span>
                          </div>
                          <div className="btn">立即预定</div>
                      </div>
                  </div>
              </a>
          </div>
          <div className="item">
              <a href="detail.html">
                  <div className="images">
                      <div className="swipers">
                          <img src={require("@/assets/images/hotel1.jpg")} alt="" />
                      </div>
                      <div className="title">暑假特价房</div>
                  </div>
                  <div>
                      <div className="item_top">
                          <span>推广优惠</span>
                          <span>月租惠选</span>
                          <span>满减优惠</span>
                          <span>节假日优惠</span>
                      </div>
                      <div className="item_bot">
                          <div className="font">
                              <span className="price">￥60.00/晚</span>
                              <span className="market_price">￥80.00/晚</span>
                          </div>
                          <div className="btn">立即预定</div>
                      </div>
                  </div>
              </a>
          </div>
          <div className="item">
              <a href="detail.html">
                  <div className="images">
                      <div className="swipers">
                          <img src={require("@/assets/images/hotel1.jpg")} alt="" />
                      </div>
                      <div className="title">暑假特价房</div>
                  </div>
                  <div>
                      <div className="item_top">
                          <span>推广优惠</span>
                          <span>月租惠选</span>
                          <span>满减优惠</span>
                          <span>节假日优惠</span>
                      </div>
                      <div className="item_bot">
                          <div className="font">
                              <span className="price">￥60.00/晚</span>
                              <span className="market_price">￥80.00/晚</span>
                          </div>
                          <div className="btn">立即预定</div>
                      </div>
                  </div>
              </a>
          </div>
      </div>

      <div className="hotel_more">
          没有更多了
      </div>

      <div style={{height:'55px'}}></div>

      <Menu/>
    </>
  )
}

export default Component